@charset "UTF-8";
/*
Theme Name: Readmi
Theme URI: http://www.miued.com
Author: 蓝色早晨
Author URI: http://www.miued.com/
Description: 阅读书籍类主题，支持多作者发布，支持自动采集。
Version:1.0.1
Tags: 小说,响应式,小工具自定义布局,全自动采集
License:GNU General Public License v2.1
License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/
body,html{margin: 0; padding:0;font-size: 14px;background-color: #f0f2f5;}
p,h1,h2,h3,h4,h5,ul,ol{margin: 0; padding:0;}
a{text-decoration:none;color: #666;}
a:hover{color:#ff8800;}
em,i{font-style: normal;}
li{list-style-type:none;}

.thdlist a.item.nolin:hover{border-bottom:none;}
.mi-scrollbar{border-radius: 4px;}

.logingbox{display: inline-block;line-height: 56px;}
.headimg{line-height: 30px;padding: 10px;}
.headimg img{width: 35px;height: 35px; border-radius: 50%; border:2px solid rgba(255,255,255,0.95); vertical-align: middle;}
.nemy{color: rgba(255,255,255,.85);}
.isactive .nemy{color:#333;}

.nerel .banner-box{height:280px;}
.nerel .b-title{margin:125px auto 0 auto; height: 2px;text-shadow: none;}

.navbar {align-items: center;display: flex;height: 80px;position: relative;}
.logo-wrapper {position: relative;}
.logo:not(.text) { transition: opacity 0.5s cubic-bezier(0.77,0,0.175,1);}

.boxcon{max-width: 1500px;margin: 0 auto; box-sizing: border-box;}
.boxcon:after{clear: both;display:table;content: ''}
.navbar .logo {margin-right: 12px;max-width: 120px;height: auto;}

.site-header{background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1);position: relative;z-index: 100;}
.site-header.nobgheard{background-color: #f3eee3; box-shadow: inherit;}
.navbar .sep {display:flex;height:100%;margin:0 20px;width:1px;}
.logo.text {font-size:20px;font-weight:900;letter-spacing:2px;text-transform:uppercase;transition:color 0.5s cubic-bezier(0.77,0,0.175,1);}
.navbar .sep:after {background-color:#e6e6e6;content:"";height:50%;margin:auto;transition:background-color 0.5s cubic-bezier(0.77,0,0.175,1);width:100%;}
.navbar .menu-item {display:inline-block;position:relative;}
.navbar .menu-item>a {display:block;font-weight:700;letter-spacing:.2px;text-transform:uppercase;}
.navbar .menu-item>a .emoji {margin-left:0 !important;margin-right:5px !important;}
.navbar .menu-item.menu-item-has-children>a {font-family:element-icons!important;speak:none;font-style:normal;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;}
.navbar .menu-item.menu-item-has-children>a:after {content:"\e6df";font-size:12px;font-weight:400;margin-left:5px;transition:color 0.5s cubic-bezier(0.77,0,0.175,1);}
.navbar .menu-item:hover>.sub-menu {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;}
.navbar .nav-list>.menu-item>a {font-size:14px;line-height:81px;margin:0 12px;transition:color 0.5s cubic-bezier(0.77,0,0.175,1);}
.navbar .sub-menu {background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,0.07);list-style-type:none;margin:-1px 0 0 -18px;min-width:220px;opacity:0;padding:20px 0;position:absolute;top:100%;-webkit-transform:translateY(5px);transform:translateY(5px);transition:all 0.5s cubic-bezier(0.77,0,0.175,1);visibility:hidden;z-index:80;}
.navbar .sub-menu .menu-item {display:block;}
.navbar .sub-menu .menu-item>a {align-items:center;display:flex;font-size:11px;line-height:18px;padding:9px 30px;transition:-webkit-transform 0.3s cubic-bezier(0.77,0,0.175,1);transition:transform 0.3s cubic-bezier(0.77,0,0.175,1);transition:transform 0.3s cubic-bezier(0.77,0,0.175,1),-webkit-transform 0.3s cubic-bezier(0.77,0,0.175,1);}
.navbar .sub-menu .menu-item>a:hover {opacity:1;-webkit-transform:translateX(5px);transform:translateX(5px);}
.navbar .sub-menu .menu-item.menu-item-has-children>a {justify-content:space-between;}
.navbar .sub-menu .menu-item.menu-item-has-children>a:after {content:"\f142";line-height:1;margin-right:-4px;}
.navbar .sub-menu .sub-menu {left:100%;margin:-20px 0 0;top:0;}
.navbar .actions {display:flex;flex-grow:1;justify-content:flex-end;}
.navbar .actions>div+div {/*margin-left:5px;*/}
.navbar .navbar-button,.off-canvas .canvas-close {align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;width:30px;margin-right:10px;background-color:#f6f6f6;border:0;color:#34495e;}
.navbar .login-btn {align-items:center;border-radius:4px;color:#ffffff;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;width:80px;margin-right:10px;background-color:#f6f6f6;border:0;color:#34495e;}
.navbar .user-pbtn {align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;max-width:100px;margin-right:10px;border:0;color:#34495e;}
.navbar .user-pbtn img {align-items:center;border-radius:30px;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;margin-right:5px;border:2px solid #eee;width:30px;}
.navbar .user-pbtn span {-webkit-line-clamp:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.navbar .login-btn:hover,.navbar .user-pbtn:hover ,.burger:hover{opacity:0.8;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field {background-color:transparent;color:#fff;}
.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-webkit-input-placeholder,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-webkit-input-placeholder {color:#fff;}
.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-moz-placeholder,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-moz-placeholder {color:#fff;}
.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field:-ms-input-placeholder,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field:-ms-input-placeholder {color:#fff;}

.burger {align-items:center;border-radius:4px;color:#ffffff;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;margin-right:5px;background-color:#f6f6f6;border:0;color:#34495e;padding:0 7px;}

.main-search {bottom:0;display:none;left:0;position:absolute;right:0;top:0;}
.main-search.activeso {display:block;}
.main-search .search-form {height:100%;}
.main-search .search-field {background-color:transparent;font-size:20px;font-weight:700;height:100%;margin:0;padding:0;text-align:center;text-transform:uppercase;border:0;width:100%;}
.main-search .search-field::-webkit-input-placeholder {color:#aaa;}
.main-search .search-field:-ms-input-placeholder {color:#aaa;}
.main-search .search-field::-ms-input-placeholder {color:#aaa;}
.main-search .search-field::placeholder {color:#aaa;}
.main-search .search-submit {display:none;}
.main-search .search-close {font-size:15px;margin-top:-15px;position:absolute;right:0;top:50%;}
.search-open .main-search {display:block;z-index:10;}
.search-open .navbar>*:not(.main-search) {display:none;}
.no-search .main-search,.no-search .search-open {display:none;}
form.inline .inline-field {margin-bottom:0;padding-right:20px;text-overflow:ellipsis;outline:none;}
.home-filter-so {padding:20px 0;background:linear-gradient(to right,#34495e,#4e6b88,#34495e);background-position:center center;background-repeat:no-repeat;background-size:cover;transition:opacity 200ms ease-in-out;}


.h-titile{    font-size: 32px;    color: #fff;    text-align: center;    text-shadow: 0 10px 30px rgba(0,0,0,.3), 0 2px 10px rgba(0,0,0,.2);}

.home-search-input{width: 70%; margin: auto; position: relative;}
.home-search-input input{height: 50px;line-height: 50px; border-radius: 25px; border: 2px solid rgba(0,0,0,0.02);box-sizing: border-box; background-color: rgba(255,255,255,.9);    width: 100%;outline:medium;padding: 0 12px; font-size: 15px;}
.home-search-input input:focus{border: 2px solid rgba(253, 114, 0,0.5);}
.hot-words{text-align: center; color: #fff; margin-top: 20px; margin-bottom: 40px;}
.hot-words a{text-align: center; color: #fff;  margin: 0 10px;    text-shadow: 0 10px 30px rgba(0,0,0,.3), 0 2px 10px rgba(0,0,0,.2);}
.hot-words a:hover{ text-decoration: underline; }
.burger svg{vertical-align: middle;vertical-align: -webkit-baseline-middle;}
.souicon{background:transparent; border: none; position: absolute;top: 10px; right: 10px; cursor: pointer;}
.souicon i{font-size: 28px; color: #929191;}

.mininav{position: fixed; top:0;left: 0;right: 0; bottom: 0; z-index: 50; background-color:rgba(8,45,53,.75);display:none;}
.mininav .menu-nav{text-align:center; padding-top: 5vh;}
.mininav .menu-nav a{display:inline-block; color: #fff; margin:10px !important; line-height: 22px !important;background-color:#71959c;}
.menu-nav a.curr{background-color:#ff8800;color: #fff;}
.miniclose{text-align:center; padding-top: 5vh;}
.miniclose i{font-size: 42px;color: #fff;}
.zhuanbutton{cursor:pointer; display:inline-block;}
.mininav.shows{display:block;}
.menu-nav a {
  text-decoration: none;font-size: 15px;font-size: 1.1rem;text-transform: uppercase; -webkit-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; color: #666;padding: 0.68em 1.071em;
  border-radius: 5px;
  cursor:pointer;
}
.menu-nav a:hover {background-color:#ff8800;color: #fff;}

/*.box-mask{position: absolute; background-color: rgba(0,0,0,0.4); top: 0;left: 0;bottom: 0;width: 100%;}*/

/**公共**/
.d-block{display: block;}
.color-white{color: #fff;}
.color-hui{color: #767171;}
.color-qian-hui{color: #c8c8c8;}
.font-24{font-size: 24px;}
.font-20{font-size: 20px;}
.font-14{font-size: 14px;}
.font-12{font-size: 12px;}
.font-18{font-size: 18px;}
.font-weight-normal{font-weight: 400;}
.p-1{padding: 1rem; box-sizing: border-box;}

.mr-2{margin-right: 1rem;}
.mt-3{margin-top: 3px;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-30{margin-top: 40px;}
.text-light{color: #bcbbbb;}
.overflow-h{overflow: hidden;}

.d-flex{display: flex;}
.flex-fill{flex:1 1 auto;}
.flex-wrap{flex-wrap:wrap;}

.relative{position: relative;overflow: hidden;}

.justify-content-center{justify-content: center;}
.image{position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;background-repeat: no-repeat; cursor: pointer;}
.content{position: absolute; width: 100%; left: 0;bottom: 0;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,0.7) 100%); z-index: 1;}
.custom-hover{ position: relative;overflow: hidden;  max-width: 100%;; transform: translate(0); transition: all 444ms ease-in-out;}
.box-sw{box-shadow: 0 0 30px rgba(0,0,0,0.07);}

/**精选**/
.nice-featured{background-size: cover; background-color: #000;padding: 60px 0 60px 0; background-position: center; position: relative;}
.beforecolor:before{content: '';position: absolute; background-color: rgba(0,0,0,0.4); top: 0;left: 0;bottom: 0;width: 100%;}
.nice-featured .image{ height: 500px;}

.title{margin-bottom: 11px;padding-top: 20px;}
.nice-bg{overflow: hidden;}
.relative:hover .custom-hover{transform: scale(1.05) translateZ(0);}
.nice-featured .item-right .image{height: 250px;}
.nodots a{color: #bebdbd}

.nice-cms{background-color: #fff;padding:10px 20px; margin: 0 -10px 0 -10px;}
.nice-cms .image{position: relative; height: 147px; background-size: cover;background-position: center;}
.nice-cms .content{width: 100%;  height: 100%; text-align: center;align-items: center; flex-direction:column;}
.nice-cms a{border-radius: 7px;}
.nice-cms>div{padding:10px;}
.nice-cms>div:last-child{margin-right: 0;}
.sticky{position: absolute;top: 20px; left: 20px; z-index: 2;}
.sticky span{background-color: rgba(0,0,0,0.66); color: #fff;line-height: 1; padding: 6px 12px; display: inline-block;border-radius: 20px;}

.nicetop{margin: 0 20px;border-radius: 0.9rem;}
.nicetop .nice-bg .image{height: 460px;}

.cat-mod{background-color: #fff; border-radius: 7px;padding:25px;}
.cat-mod>.el-row{margin-top: 10px;margin-right: -10px;  margin-left: -10px;}
.cat-mod>.el-row>div{padding:12px 10px;}
.cat-mod>.el-row>div h4{height: 21px;overflow: hidden;}
.cat-a{border-radius: 4px;}
.cat-a .image{padding-bottom: 141.5%;}
.cat-a p{text-align: center;padding:15px 0 10px 0; color: #fff;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,0.9) 100%); bottom: -40px; transition: all 0.4s;}
.cat-a:hover p{bottom: 0;}


.bli-mod{display: flex; margin-top: 40px;}
.bli-mod:first-child{margin-top: 0px;}
.bli-mod li{width: 210px;background-color: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.07);padding-bottom: 12px;border-radius: 4px;box-sizing: border-box;margin-right: 40px;}
.bli-mod li>a{border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.bli-mod:after{clear: both;display: table;content: ''}
.bli-mod li>h4,.bli-mod li>p{padding: 0 12px;}
.bli-mod.isleft li{margin-right: 0px;margin-left: 40px;transition: all 0.3s ease;}
.bli-mod.isleft li:hover{transform: translate3d(0, -2%, 0);}
.list_image_isfull li{margin:0 20px;}
.list_image_isfull li:first-child{margin-left:0px;}
.list_image_isfull li:last-child{margin-right:0px;}
@media only screen and (max-width:992px){
.issidleft{margin-bottom:30px;}
.issidright{margin-top:30px;}
.isleft.bli-mod li:first-child{margin-left: 0;}
}

.silderbox{background-color: #fff;border-radius: 7px;box-sizing: border-box;padding: 20px;}
.sdheard{display: flex; border-bottom:2px solid #f5f5f5;position: relative;}
.sdheard i{position: absolute; left: 0; color: #d7d7d7; font-size: 18px;}
.sdheard>div{margin: 0 10px;cursor: pointer;padding-bottom: 8px; margin-bottom: -2px}
.curr{ border-bottom:2px solid #ff8800; color: #ff8800}
.banglist{margin-top:8px;}
.square{border-radius: 50%;background-color: #ccc; width: 22px; height: 22px; display: inline-block; text-align: center; line-height: 22px; color: #fff; font-size: 12px;}
.banglist li{padding:6px 0;line-height: 24px;display: flex;justify-content:space-between;overflow: hidden;}
.banglist li>div{flex-shrink:0;}
.banglist li:last-child{padding-bottom: 0;}
.banglist li span.txttime{font-size: 12px; float: right; color: #858585;overflow: hidden; text-overflow: ellipsis;display: inline-block;white-space: nowrap;text-align: right; margin-right: 7px;}
.banglist li span.author{margin-right:6px;}
.banglist li span.txttime:first-child{margin-right: 0;}
.bname{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.sbshuo h3>span{margin-left: 12px; font-size: 12px;font-weight: 400;color: #666;}
.sbshuo h3>span span{color: #ff3300;}
.sbshuo h3>a{float: right; font-weight: normal; font-size: 12px;line-height: 22px;}
.catdes{padding: 0 20px;}
.titletips{text-align: center; font-size: 28px;}
.yp_context{padding: 30px 2%; font-size: 15px;line-height: 30px;}
.yp_context p{line-height: 30px;}

video {display:block;width:100%;max-width:100%;}
embed,iframe,object {max-width:100%;}
figcaption,.wp-caption-text {color:#6d6d6d;display:block;font-size:1.5rem;font-weight:500;line-height:1.2;margin-top:1.5rem;}
figcaption a,.wp-caption-text a {color:inherit;}
.entry-content .wp-caption-text {font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,sans-serif;}
figcaption,.wp-caption-text {color:#6d6d6d;display:block;font-size:1.5rem;font-weight:500;line-height:1.2;margin-top:1.5rem;}
.aligncenter img {display:block;margin-left:auto;margin-right:auto;}
figure.wp-block-gallery {display:block;margin:0;}
.blocks-gallery-grid,.wp-block-gallery {display:flex;flex-wrap:wrap;margin:0;}
.has-text-align-center {text-align:center;}
/* Block:Gallery ---------------------------- */figure {margin:0;padding:0;}
figure.wp-block-gallery.alignnone,figure.wp-block-gallery.aligncenter {margin-bottom:3rem;margin-top:3rem;}
figure.wp-block-gallery.alignleft {margin:0.3rem 2rem 2rem 0;}
figure.wp-block-gallery.alignright {margin:0.3rem 0 2rem 2rem;}
figure.wp-block-gallery.alignwide {margin-bottom:4rem;margin-top:4rem;}
figure.wp-block-gallery.alignfull {margin-bottom:5rem;margin-top:5rem;}
.blocks-gallery-item {padding:5px;box-sizing:border-box;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative;}
.wp-block-image {margin:10px 0;}


.columns-2 .blocks-gallery-item{width: calc((100% - 32px)/2); }
.columns-3 .blocks-gallery-item{width: calc((100% - 32px)/3); }
.columns-4 .blocks-gallery-item{width: calc((100% - 32px)/4); }
.columns-5 .blocks-gallery-item{width: calc((100% - 32px)/5); }
.columns-6 .blocks-gallery-item{width: calc((100% - 32px)/6); }
@media only screen and (max-width: 992px) {
  .columns-6 .blocks-gallery-item{width: calc((100% - 32px)/3); }
}
@media only screen and (max-width: 768px) {
 .columns-5 .blocks-gallery-item{width: calc((100% - 32px)/2); }
 .columns-6 .blocks-gallery-item{width: calc((100% - 32px)/2); }
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img{
	    height: 100%;    flex: 1;    object-fit: cover;    width: 100%;display: block;
    max-width: 100%;
}

/* Block:Group ------------------------------ */
.wp-block-group.has-background {padding:2rem;margin-bottom:0;margin-top:0;}
.wp-block-group__inner-container {margin:0 auto;}
.wp-block-group__inner-container,.entry-content .wp-block-group p {max-width:100%;}
.alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {padding-left:2rem;padding-right:2rem;}
/* VANILLA GALLERIES */.gallery-columns-2 .gallery-item {max-width:50%;}
.gallery-columns-3 .gallery-item {max-width:33.33%;}
.gallery-columns-4 .gallery-item {max-width:25%;}
.gallery-columns-5 .gallery-item {max-width:20%;}
.gallery-columns-6 .gallery-item {max-width:16.66%;}
.gallery-columns-7 .gallery-item {max-width:14.28%;}
.gallery-columns-8 .gallery-item {max-width:12.5%;}
.gallery-columns-9 .gallery-item {max-width:11.11%;}
/* GALLERIES */.gallery {display:flex;flex-wrap:wrap;margin:3em 0 3em -0.8em;width:calc(100% + 1.6em);}
.gallery-item {margin:0.8em 0;padding:0 0.8em;width:100%;}
.gallery-caption {display:block;margin-top:0.8em;}
blockquote::before,blockquote::after {content:"";}
blockquote {border-color:#cd2653;border-style:solid;/*rtl:ignore*/border-width:0 0 0 0.2rem;color:inherit;font-size:1em;margin:4rem 0;/*rtl:ignore*/padding:0.5rem 0 0.5rem 2rem;}
cite {color:#6d6d6d;font-size:1.4rem;font-style:normal;font-weight:600;line-height:1.25;}
blockquote cite {display:block;margin:2rem 0 0 0;}
blockquote p:last-child {margin:0;}
.wp-block-quote {margin-bottom:3rem;margin-top:3rem;}
.wp-block-quote p,.wp-block-quote cite {text-align:inherit;}
.wp-block-quote[style="text-align:center"] {border-width:0;padding:0;}
.wp-block-quote[style="text-align:right"] {/*rtl:begin:ignore*/border-width:0 0.2rem 0 0;padding:0 2rem 0 0;/*rtl:end:ignore*/}


.banglist li:nth-child(1) .square{background-color: #ff0000;}
.banglist li:nth-child(2) .square{background-color: #ff5500;}
.banglist li:nth-child(3) .square{background-color: #ff9900;}
.banglist li:nth-child(4) .square{background-color: #ffc500;}
.banglist li:nth-child(5) .square{background-color: #f1d883;}

.banglist.tutu li:nth-child(1){justify-content : flex-start;}
.banglist.tutu li:nth-child(1)>div:first-child{margin-right: 20px;}
.banglist.tutu li:nth-child(1)>div{flex-shrink:1;}
.banglist.tutu li:nth-child(1)>div p:last-child{color: #888;}
.banglist.tutu .image{height: 100px;width: 70px;}
.iscatpage .el-row>div{margin-bottom: 40px;}

.sbshuo{background-color: #fff; border-radius: 7px; padding: 20px; margin: 0 20px; box-sizing: border-box;min-height: 502px;}
.min-txt-mod>div{margin: 0 -20px}

.bookuplist{background-color: #fff; border-radius: 7px; padding: 20px;}
.notable>div{margin-left: 30px;color: #666;}

.bookuplist h3>a{float: right;font-weight: normal;font-size: 12px; line-height: 22px;}
.bookuplist h3>span{margin-left: 12px;font-size: 12px;font-weight: 400;color: #666;}
.bookuplist h3>span span{color: #ff3300;}
.bookuplist h3 i{color: #d4d4d4;}
/**类别页**/
.catname{text-align: center; padding-top:30px; padding-bottom: 5px;background-size: cover;background-position: center; background-repeat: no-repeat;}
.cattongji{margin-top: 8px;}
.leibietxt{font-size: 12px; color: #666;}
.leibietxt span{color: #ff3300;}
.leimiaoshu{font-size: 12px; color: #666; margin-top: 5px;line-height: 21px;}
.catname.isbg{padding-bottom: 30px;}
.catname.isbg .leimiaoshu,.catname.isbg .cattongji,.catname.isbg .leibietxt{color: #c8c8c8;}
.catname.isbg h2{color: #fff;}
.catdanlist{margin-top: 20px;}
.catdanlist ul li{display: flex; width: 48%;float: left; margin-right: 4%; margin-bottom: 25px;}
.catdanlist ul li:nth-child(2n){margin-right: 0;}
.catdanlist ul li img{width: 100px;border-radius: 5px;transition: all 0.3s ease;}
.catdanlist ul li a:hover img{transform:translate3d(0, -3%, 0);}
.bookinfo{margin-left: 15px;}
.bookinfo p:last-child{color: #999; font-size: 12px;line-height: 22px; margin-top: 5px;}
.bookinfo h4{font-size: 18px; color: #333;}
.bookinfo .author{margin-top: 7px;}
.bookinfo .author i{margin-right: 3px;}
.bookinfo .cats{ font-size: 12px; margin-top: 5px;}
.catdanlist ul:after{clear: both;display: table;content: ''}
.bookinfo h4>a>span{color: #ff8800;}

/**详情**/
.bookxq{background-color: #fff;padding: 2%;border-radius: 7px;}
.imtop{position: relative;min-height: 300px;}
.booimg{position: absolute;left: 0;width: 180px;}
.book-box-image{border-radius: 7px; height: 0; padding-bottom: 141.5%;background-position: center center; background-repeat: no-repeat;background-size: cover;}
.brigh{    margin-left: 210px;}
.zz{color:#333; font-size:28px;margin-bottom:0;margin-top:0;}
.zz span{font-size:15px;color:#999; margin-left: 2%;}
.catb{margin-top: 20px;}
.catb a{color: #546b71;padding: 3px 7px;background-color: #f0f3f5;font-size: 12px;border-radius: 10px; margin-right:1px;}
.nif{margin-top: 12px; color: #999;}
.nif span{color:#555; margin-right:5px;font-size:18px;}
.nif em{margin: 0 5px;}
.docspt{margin-top: 20px; margin-bottom: 30px;}
.docspt p{margin-top: 5px;font-size: 1.1rem;color: #666;line-height: 2rem;}
.docspt>div{color: #666;}
.dbbtn{border: 1px solid #ff8800;display: inline-block;border-radius: 5px;padding: 5px 10px; cursor:pointer; position: absolute; right: 0px;top: 0;}
#postlist{margin:10px 0;}
#postlist .el-select{width:100%;}
.article{margin-bottom:60px;}
.txtboxs{margin-top: 1.5rem; font-size:1.5rem;text-align:justify;line-height: 3.3rem;overflow: hidden; color: #3e3e3e;}
.txtboxs p{text-align:justify;text-indent: 2em; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.readconss{margin-top: 1.5rem;line-height: 3.3rem;overflow: hidden; color: #3e3e3e; font-size:1.5rem;text-align:justify;}
.readconss p{text-align:justify;text-indent: 2em; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.reakuang{line-height: 3.3rem;overflow: hidden; color: #3e3e3e;margin-top: 1.5rem; font-size:1.5rem;text-align:justify;}
.reakuang p{text-align:justify;text-indent: 2em; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.readcons{margin-top: 1.5rem; line-height: 3.3rem;overflow: hidden;font-size:1.5rem;text-align:justify; color: #3e3e3e;}
.readcons p{text-align:justify;text-indent: 2em; overflow: hidden; word-wrap: break-word; word-break: break-all;}

.zxzj{color: #666;margin-top: 15px;}
.zxzj a{color: #444; margin: 0 10px;}
.zxzj a:hover{color: #ff8800;}

.bookxq:first-child .newzxzj{margin-bottom: 60px; position: relative;}
.newzxzj .zjlist a:link{color: #666}
.newzxzj .zjlist a:visited{color: #0a93ca}
.newzxzj .zjlist a:hover{color: #ff8800;}

.zjlist ul{padding-left:0;}
.zjlist ul:after{display: table;content: '';clear: both;}
.zjlist li{float: left; width:33.33%;padding: 12px 10px; box-sizing: border-box; line-height:24px; border-bottom: 1px solid #f0f0f0; font-size:1.1rem;}
.zjlist li a{cursor: pointer;}
.nzjtit{text-align:center; font-size:18px; color: #888; border-bottom: 1px dashed #ccc; padding-bottom: 15px;}
@media only screen and (max-width: 992px) {
  .zjlist li{width:50%; font-size: 1.2rem;}
  .nerong{margin-left: -25px;margin-right: -25px;}
}
@media only screen and (max-width: 768px) {
    .zjlist li{width:100%;font-size: 1.2rem;}
}


.read{background-color: #ede7da;}
.mianbaox{padding: 20px 3% 0% 0%;max-width: 1250px;margin: 10px auto 15px auto;}
.chapterbox{text-align:justify;line-height: 3.3rem;overflow: hidden; color: #3e3e3e;margin-top: 1.5rem; font-size:1.5rem;}
.chapterbox p{text-align:justify;text-indent: 2em; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.chapterbo{margin-top: 1.5rem; color: #3e3e3e;font-size:1.5rem;text-align:justify;line-height: 3.3rem;overflow: hidden; }
.chapterbo p{text-align:justify;text-indent: 2em; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.readbox{ background-color: #f7f3ea; padding:3%; margin:0 auto;max-width: 1200px; }
.readcon{margin-top: 1.5rem; font-size:1.5rem;text-align:justify;line-height: 3.3rem;overflow: hidden; color: #3e3e3e;}
.readcon p{text-align:justify;text-indent: 2em; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.readcon a{font-size: 12px;}
.readbox > h2{text-align:center; color: #736c5c; font-size:28px; font-weight: normal;padding-bottom:0px; margin:1rem 0 1.2rem 0;}
.readbox img{max-width: 100%; height: auto;}
.shidp{opacity: 0;display: none; padding}
.shid{opacity: 0;display: none;}
.hid{opacity: 0;display: none;}
@media only screen and (max-width: 992px) {
  .zjlist li{width:50%; font-size: 1.2rem;}
  .nerong{margin-left: -25px;margin-right: -25px;}
  .readbox{padding-top: 8%;}
}
@media only screen and (max-width: 768px) {
    .zjlist li{width:100%;font-size: 1.2rem;}
}


.rdinfo{color: #666; text-align:center;}
.rdinfo a{margin-right: 15px;}
.rdinfo i{margin-right:4px;}
.zis,.wtime{margin-right:15px;}
.ydgong{ text-align:center; color: #666;padding-top: 20px; padding-bottom: 30px; border-bottom: 1px dashed #ede7da;}
.ydgong a{margin:0 20px; font-size:17px;}
.tjlm{text-align:center;margin:15px 0; color: #999;overflow: hidden; line-height:1.5rem;}
.tjlm a{margin:0 7px; color: #999;}
.tjlm a:hover{color: #ff6600;}
.ydye.tophead.isactive{background-color:#f3f0e9; position: absolute;}
#scroll{position: fixed; bottom:20px; right: 2vh;z-index: 10;}
.sideb a{background-color: rgba(255,255,255,0.6); padding:5px 8px; display:block; cursor:pointer;border-radius: 5px;font-size: 1.3rem;}
.footer-yue{text-align:center; margin-top:70px; padding-bottom: 10px;}
.footer-yue .tjlm,.footer-yue .tjlm a{color: #555;}
.footer-yue .tjlm a:hover{color: #ff6600;}
.footer-yue p{color: #777;}
.duxian p{text-align:justify;text-indent: 2em; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.dubox{margin-top: 1.5rem; font-size:1.5rem;text-align:justify;line-height: 3.3rem;overflow: hidden; color: #3e3e3e;}
.dubox p{text-align:justify;text-indent: 2em; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.boxsers{margin-top: 1.5rem; font-size:1.5rem;text-align:justify;line-height: 3.3rem;overflow: hidden; color: #3e3e3e;}
.boxsers p{text-align:justify;text-indent: 2em; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.duboxs{margin-top: 1.5rem; font-size:1.5rem;text-align:justify;line-height: 3.3rem;overflow: hidden; color: #3e3e3e;}
.duboxs p{text-align:justify;text-indent: 2em; overflow: hidden; word-wrap: break-word; word-break: break-all;}

.duxian p{text-align:justify;text-indent: 2em; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.duxian{margin-top: 1.5rem; font-size:1.5rem;text-align:justify;line-height: 3.3rem;overflow: hidden; color: #3e3e3e;}
.hid{opacity: 0;display: none;}

/**页脚**/
.footer{text-align: center; margin-top: 60px;}
.footer p{line-height: 24px; margin: 8px 0; color: #333}
.copyright{color: #999;}
.yqbox a{margin: 0 10px 0 0; line-height: 24px; font-size: 14px; color: #7f7f7f;}



.pagination{text-align: center; margin-top: 50px; margin-bottom: 20px;}
.pagination a{padding:5px 11px;background-color: #e3e3e3; border-radius: 4px; margin: 0 3px;}
.pagination a:hover{background-color: #ff6600;color: #fff;}
.pagination span.curr{padding:5px 11px;background-color: #ff6600;color: #fff;border-radius: 4px; margin: 0 3px;}

.topnicelist-fade-enter-active, .topnicelist-fade-leave-active {
  transition: opacity .3s;
}
.topnicelist-fade-enter, .topnicelist-fade-leave-active {
  opacity: 0;
}

/**sousuo**/
.suosuojg{ font-size: 24px; color: #777; text-align: center; padding:30px 0;}
.suosuojg span{color: #ff3300;}
@media only screen and (max-width:1199px){
	.maxtow{margin-top:30px;}
	.maxtow:nth-child(1),.maxtow:nth-child(2){margin-top:0;}
	.recomd-shu >div{margin-bottom:15px;margin-top:15px;}
}
@media only screen and (max-width:992px){
	/**栅格移动样式**/
	.columns_mi{margin-bottom:30px;}
	.columns_mi:last-child{margin-bottom:0;}
	.columns_mi section>.el-row{margin-left: 0 !important;margin-right:0 !important;}
	.columns_mi section>div>.el-row{margin-left: 0 !important;margin-right:0 !important;}
	.maxtow{margin-top:0;}
	
	.catcontent div>div{margin-bottom:30px;}
	.catcontent div>div:last-child{margin-bottom:0px;}
	.catcontent section>.el-row{margin-left: 0 !important;margin-right:0 !important;}
	.catcontent section>div>.el-row{margin-left: 0 !important;margin-right:0 !important;}
	
}
@media only screen and (max-width:768px){
	.catdanlist ul li{width: 100%; margin-right:0;}
}
@media only screen and (max-width:1000px){
	.box-wall,.site-header{padding:0 2%;}
	.archive .box-wall{padding:0;}
}
.box-wall .box-wall{padding:0;}


/**注册**/
.Modal-close{position: absolute;right: 10px;top: 10px;z-index: 1;}
.tanbox .el-dialog__header{padding: 0;}
.tanbox .el-dialog{border-radius: 4px;}
.tanbox .el-dialog__body{padding: 0;}
.tanbox_dl .el-dialog__header{padding: 0;}
.tanbox_dl .el-dialog{border-radius: 4px;}
.tanbox_dl .el-dialog__body{padding: 0;}
.Modal-header{text-align: center;border: 0;padding: 25px;}
.Modal-header h3{font-size: 20px;font-weight: normal;margin: 0;}
.Modal-alert{text-align: center;}
.Modal-body{background-color: #e8ecf3;padding: 25px 30px;color: #667c99;}
.nobottom{ border-bottom-right-radius: 5px;    border-bottom-left-radius: 5px;}
.LogInButtons{width: 200px;margin: 0 auto;}
.Button--block, .LogInButton{display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.LogInButton--github{color: #333;background: #ccc;}
.LogInButtons .LogInButton{margin-bottom: 5px;}
.LogInButtons .LogInButton:last-child{margin-bottom: 20px;}
.Button .Button-label{-webkit-transition: margin-right .1s;-o-transition: margin-right .1s;transition: margin-right .1s;}
.Form--centered{text-align: center;}
.Form-group{margin-bottom: 24px;}
.FormControl{display: block;width: 100%;height: 36px;padding: 8px 13px;font-size: 13px;line-height: 1.5;color: #667c99;background-color: #e8ecf3;border: 2px solid transparent;border-radius: 4px;-webkit-transition: border-color .15s, background .15s;-o-transition: border-color .15s, background .15s;transition: border-color .15s, background .15s;-webkit-appearance: none;}
.Modal-body .FormControl{background-color: #fff;color: #111;}
.Form--centered .FormControl[type=text], .Form--centered .FormControl[type=email], .Form--centered .FormControl[type=password], .Form--centered .Button{margin: 0 auto;text-align: center;height: 50px;padding: 15px 20px;font-size: 15px;    box-sizing: border-box;}
.btntj{width: 100%; padding: 18px 20px; box-sizing: border-box;}
.Modal-footer {
    border: 0;
    padding: 20px;
    text-align: center;
    color: #667c99;
}
.Modal-footer a{cursor: pointer; color: #00b2c2;}
.Modal-footer a:hover{color: #ff6600;}
.Modal-footer p{margin-bottom: 10px;}
.Alert {padding: 12px 16px; border-radius: 4px; line-height: 1.5; background: #fff2ae;}
.Alert--error { background: #d83e3e; color: #fff;}

.helpText{font-size: 14px;line-height: 1.5em;margin-bottom: 25px;text-align: left;margin: 0 0 10px;}
.Modal-alert .Alert {
    border-radius: 0;
}
.yuelist{margin-top:15vh;width:70%;}
.yuelist .Modal-body li{display: flex; justify-content: space-between;line-height: 22px;padding:12px 0; border-bottom:1px solid #d0d6e0;}
.yuelist .Modal-body li div{cursor: pointer;}
.yuelist .Modal-body li div:hover{color: #09275d;}
.yuelist .Modal-body li div:nth-child(3){cursor: inherit;}
.yuelist .Modal-body li div:nth-child(4){width: 50px;}
/*.yuelist .Modal-body li div:nth-child(3){min-width: 100px;}*/
/*.yuelist .Modal-body li:after{display: table;clear: both;content: '';}*/
@media only screen and (max-width: 1800px) {
  .tanbox_dl .el-dialog {width: 50% !important;}
}
@media only screen and (max-width: 1600px) {
  .tanbox .el-dialog {width: 45% !important;}
  
}
@media only screen and (max-width: 1400px) {
  .tanbox_dl .el-dialog {width: 60% !important;}
}
@media only screen and (max-width: 1200px) {
  .tanbox_dl .el-dialog {width: 75% !important;}
}
@media only screen and (max-width: 992px) {
  .tanbox_dl .el-dialog {width: 80% !important;}
  .mtops{padding-top:10rem;}
  .catlist{margin-top: 0;}
  .title{margin-bottom: 6px;}
}
@media only screen and (max-width: 768px) {
  .tanbox_dl .el-dialog {margin-top: 0 !important;margin-bottom: 0 !important;width: 100% !important; position: fixed;top: 0;left: 0;right: 0;bottom: 0; }
  .nice-cms{padding: 10px 8px;}
  .bli-mod.isleft li{margin-left:12px;}
  .style_list_image .el-row>div{margin-top: 30px;}
  .style_list_image .el-row>div:first-child{margin-top: 0;}
  .bli-mod{margin-top:20px !important;}
  .bli-mod li{margin-right:12px;}
  .bookuplist{padding:15px;}
  .iszhangjie li div:first-child a:first-child,.iszhangjie li .author{display: none;}
  
  .imtop{padding:15px 15px;}
  .booimg{width:200px; position: inherit; margin:0 auto;}
  .brigh{margin-left:0; margin-top: 35px;}

}


/**隐藏CSS**/
@media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}}














